<template>
    <div class>
        <el-form size="small" :model="editForm" ref="form" label-width="80px">
            <el-row>
                <el-col :span="8">
                    <el-form-item label="真实姓名" style="width:280px">
                        <el-input v-model="editForm.realName" :disabled="justshow" autocomplete="off"></el-input>
                    </el-form-item>
                </el-col>
                <el-col :span="8">
                    <el-form-item label="登陆账号" prop="username" style="width:280px">
                        <el-input v-model="editForm.username" :disabled="justshow" autocomplete="off"></el-input>
                    </el-form-item>
                </el-col>
                <el-col :span="8">
                    <el-form-item label="部门名称" style="width:280px">
                        <el-input v-model="editForm.organName" disabled autocomplete="off"></el-input>
                    </el-form-item>
                </el-col>
            </el-row>

            <el-row>
                <el-col :span="8">
                    <el-form-item label="启用状态" style="width:280px">
                        <el-select v-model="editForm.userStatus" :disabled="justshow">
                            <el-option label="启用" value="1"></el-option>
                            <el-option label="停用" value="2"></el-option>
                        </el-select>
                    </el-form-item>
                </el-col>

                <el-col :span="8">
                    <el-form-item label="性别" style="width:280px">
                        <el-select v-model="editForm.sex" autocomplete="off" :disabled="justshow">
                            <el-option label="男" value="1"></el-option>
                            <el-option label="女" value="2"></el-option>
                        </el-select>
                    </el-form-item>
                </el-col>
                <el-col :span="8">
                    <el-form-item label="职员编码" style="width:280px">
                        <el-input v-model="editForm.userCode" autocomplete="off" :disabled="justshow"></el-input>
                    </el-form-item>
                </el-col>
            </el-row>

            <el-row>
                <el-col :span="8">
                    <el-form-item label="证件类型" style="width:280px">
                        <el-input v-model="editForm.identificationType" autocomplete="off" :disabled="justshow">
                        </el-input>
                    </el-form-item>
                </el-col>
                <el-col :span="8">
                    <el-form-item label="证件号码" style="width:280px">
                        <el-input v-model="editForm.identificationNumber" autocomplete="off" :disabled="justshow">
                        </el-input>
                    </el-form-item>
                </el-col>
                <el-col :span="8">
                    <el-form-item label="出生日期" style="width:280px">
                        <el-date-picker v-model="editForm.birthday" type="date" value-format="“yyyy-MM-dd”"
                            placeholder="选择日期" :disabled="justshow" style="width: 100%;"></el-date-picker>
                    </el-form-item>
                </el-col>
            </el-row>
            <el-row>
                <el-col :span="8">
                    <el-form-item label="家庭住址" style="width:280px">
                        <el-input v-model="editForm.adress" autocomplete="off" :disabled="justshow"></el-input>
                    </el-form-item>
                </el-col>
                <el-col :span="8">
                    <el-form-item label="邮政编码" style="width:280px">
                        <el-input v-model="editForm.postcode" autocomplete="off" :disabled="justshow"></el-input>
                    </el-form-item>
                </el-col>
                <el-col :span="8">
                    <el-form-item label="职务" style="width:280px">
                        <el-input v-model="editForm.userPost" autocomplete="off" :disabled="justshow"></el-input>
                    </el-form-item>
                </el-col>
            </el-row>

            <el-row>
                <el-col :span="8">
                    <el-form-item label="职称" style="width:280px">
                        <el-input v-model="editForm.title" autocomplete="off" :disabled="justshow"></el-input>
                    </el-form-item>
                </el-col>
                <el-col :span="8">
                    <el-form-item label="职员类别" style="width:280px">
                        <el-input v-model="editForm.categoryStaff" autocomplete="off" :disabled="justshow"></el-input>
                    </el-form-item>
                </el-col>
                <el-col :span="8">
                    <el-form-item label="学校" style="width:280px">
                        <el-input v-model="editForm.school" autocomplete="off" :disabled="justshow"></el-input>
                    </el-form-item>
                </el-col>
            </el-row>

            <el-row>
                <el-col :span="8">
                    <el-form-item label="最高学历" style="width:280px">
                        <el-input v-model="editForm.highEducation" autocomplete="off" :disabled="justshow"></el-input>
                    </el-form-item>
                </el-col>
                <el-col :span="8">
                    <el-form-item label="职员属性" style="width:280px">
                        <el-input v-model="editForm.staffAttribute" autocomplete="off" :disabled="justshow"></el-input>
                    </el-form-item>
                </el-col>
                <el-col :span="8">
                    <el-form-item label="固定电话" style="width:280px">
                        <el-input v-model="editForm.telephone" autocomplete="off" :disabled="justshow"></el-input>
                    </el-form-item>
                </el-col>
            </el-row>

            <el-row>
                <el-col :span="8">
                    <el-form-item label="移动电话" style="width:280px">
                        <el-input v-model="editForm.mobile" autocomplete="off" :disabled="justshow"></el-input>
                    </el-form-item>
                </el-col>
                <el-col :span="8">
                    <el-form-item label="电子邮箱" style="width:280px">
                        <el-input v-model="editForm.email" autocomplete="off" :disabled="justshow"></el-input>
                    </el-form-item>
                </el-col>
                <el-col :span="8">
                    <el-form-item label="QQ号码" style="width:280px">
                        <el-input v-model="editForm.qqNumber" autocomplete="off" :disabled="justshow"></el-input>
                    </el-form-item>
                </el-col>
            </el-row>

            <el-row>
                <el-col :span="8">
                    <el-form-item label="建档人" style="width:280px">
                        <el-input v-model="editForm.createUserName" autocomplete="off" :disabled="justshow"></el-input>
                    </el-form-item>
                </el-col>
                <el-col :span="8">
                    <el-form-item label="建档日期" style="width:280px">
                        <el-date-picker v-model="editForm.createTime" type="date" value-format="yyyy-MM-dd"
                            placeholder="选择日期" :disabled="justshow" style="width: 100%;"></el-date-picker>
                    </el-form-item>
                </el-col>
                <el-col :span="8">
                    <el-form-item label="微信号" prop="wechatNumber" style="width:280px">
                        <el-input v-model="editForm.wechatNumber" autocomplete="off" :disabled="justshow"></el-input>
                    </el-form-item>
                </el-col>
            </el-row>
            <el-row>
                <el-col>
                    <el-form-item label="备注">
                        <el-input v-model="editForm.remark" type="textarea" style="width:100%" autocomplete="off"
                            :disabled="justshow"></el-input>
                    </el-form-item>
                </el-col>
            </el-row>
        </el-form>
    </div>
</template>
<script>
    export default {
        data() {
            return {
                editForm: {
                    realName: '',
                },
                justshow: true,
            }

        },
        mounted() { },
        methods: {
            init(userId) {
                let params = {
                    id: userId
                };
                this.$api.formPost("/api/auth/sysuser/doGetUser", params).then(res => {
                    if (res.retHead.code == "0000000") {
                        // console.log(res.retBody);
                        this.editForm = res.retBody;
                    } else {
                        this.$message.error("发生错误");
                    }
                })
            }
        },
    }
</script>
</script>
<style lang='scss' scoped>

</style>